<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>React 二次体验</title>
    <script src="./js/react.development.js"></script>
    <script src="./js/react-dom.development.js"></script>
  </head>
  <body>
    <div id="root"></div>
    <script>
      //创建 react 元素
      let div = React.createElement(
        'div', 
        {title: '插队有理?'},
        React.createElement('h1', null, '近日浙江发生了一起骇人听闻的插队事件!'),
        React.createElement(
          'p', 
          null, 
          '一男子在排队时, 有一对母女强行插队, 恶言相告, 你凭什么拉我? 我不是那么好惹的!!',
          React.createElement('a', {href: 'http://www.baidu.com/s?wd=插队母女'}, '点击查看更多')
        )
      );

      //渲染
      ReactDOM.render(div, document.getElementById('root'));
    </script>
  </body>
</html>
